<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>《越狱》爱好者——联系我们</title>
	</head>
	<style type="text/css">
		@font-face {
			font-family:afb;
			src:url('css/AgencyFB.ttf');
		}
		input{
			 background: rgba(255, 255, 255, 0.4) url(http://luismruiz.com/img/gemicon_message.png) no-repeat scroll 16px 16px;
		    width: 276px;
		    height: 30px;
		    border: 1px solid rgba(255,255,255,.4);
		    -moz-border-radius: 4px;
		    -webkit-border-radius: 4px;
		    border-radius: 4px;
		    -moz-background-clip: padding;
		    -webkit-background-clip: padding-box;
		    background-clip: padding-box; 
		    display:block;
		    font-family: 'Source Sans Pro', sans-serif;
		    font-size:18px;
		}
		.button1{
		    background-color: darkslategray; 
		    color: white; 
		    border: 2px solid #4CAF50;
			border-radius: 8px;
			font-size: 20px;
			box-shadow: 2px 2px 5px white;
			width: 100px;
			height: 50px;
		}
		
		.button1:hover {
		    background-color: #4CAF50;
		    color: white;
		}
	</style>
	<link rel="stylesheet" type="text/css" href="css/navigation.css"/>
	<body>
			<!--菜单栏 开始-->

			<div class="kePublic">
			<nav>
			  <ul>
			    <li> <a href="index.html">首页</a> </li>
			    <li> <a href="character.html" target="_blank">角色介绍</a> </li>
			    <li> <a href="#">经典剧情</a> </li>
			    <li> <a href="#">精彩点评</a> </li>
			    <li> <a href="bbs_public.html" target="_blank">发布论坛</a> </li>
			    <li> <a href="contact.html">联系我们</a> </li>
			  </ul>
			</nav>
			</div>
		<!--菜单栏 结束-->	
			<!--分割线-->
			<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
			<table cellspacing="10px"  style="float:left;margin-left: 200px;">
				<tr>
					<td><span style="font-family: afb;font-size:x-large;">Insititution Information:<span></td>
				</tr>	
				<tr>
					<td><span style="font-family: afb;font-size:xx-large;">500 Lorem Ipsum Dolor Sit,<br />22-56-2-9 Sit Amet, Lorem,<br />USA<br />Phone:(00) 222 666 444<br />Fax: (000) 000 00 00 0<br />Email: info(at)mycompany.com<br />Follow on: Facebook, Twitter</span></td><br />
				</tr>
				<tr>
					<td>
						<span style="font-family: afb;font-size:x-large;">Wechat-SSSCNU<span>
						<img src="img/icon/school.jpg" width="200px" height="200px"/>
					</td>
				</tr>
			</table>	
			
			
			<table cellspacing="20px"  style="float: right;margin-right: 200px;">
				<tr>
					<td>
						<img src="img/icon/bianping-yuanicon-01.png" width="80px" height="80px"/>
					</td>
					<td>
						<font size="4">真实姓名:</font><br />
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td>
						<img src="img/icon/bianping-yuanicon-08.png" width="80px" height="80px"/>
					</td>
					<td>
					<font size="4">电子邮件:</font><br />
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td>
						<img src="img/icon/bianping-yuanicon-07.png" width="80px" height="80px"/>
					</td>
					<td>
					<font size="4">移动电话:</font><br />
						<input type="text" />
					</td>
				</tr>
				<tr>
					<td>
						<img src="img/icon/bianping-yuanicon-14.png" width="80px" height="80px"/>
					</td>
					<td>
					<font size="4">内容:</font><br />
						<input type="text" style="height: 200px; width: 400px;"/>
					</td>
				</tr>	
				<tr>
					<td>&nbsp;</td>
					<td><button class="button1" onclick="alert('提交成功!')">提交</button></td>
				</tr>
			</table>	
					<center style="margin-top: 380px;">
			<HR style="FILTER: alpha(opacity=100,finishopacity=0,style=3)" width="80%" color=#987cb9 SIZE=3>
			
				<div style="display:flex;">
			
						<div style="margin-left: 300px;">
							<h4>Address</h4>
								<address>
									  795 Folsom Ave, Suite 600<br>
									  San Francisco, CA 94107<br>
									  <abbr title="Phone">P :</abbr> (123) 456-7890
								</address>
						</div>
							
						<div style="margin-left: 200px;">
							<h4>Phone/Fax</h4>
								<p>Phone : +1234567890 </p>
								<p>Phone : +1234567890 </p>
								<p>Fax : +1234567890 </p>
						</div>
						
						<div style="margin-left: 200px;">
							<h4>Newsletter</h4>
							<p>Email : 916536959@qq.com </p>
							<p>Website : ss.scnu.edu.cn </p>
						</div>
				</div>
				<p>Copyright &copy; 2019.Software.SCNU All rights reserved.</p>
			</center>	
	</body>
</html>
